#user{
  overflow: hidden;background-color: #f2f2f2;
  header{
    height:3.42rem;background-color: #fff;overflow: hidden;
    &:before,&:after{border-color: #ebebeb;}
    .circle{
      display:block;width:2.12rem;height:2.29rem;background:url("../img/user_header_circle.png") 0 0 no-repeat;background-size:100%;
      margin:.16rem auto 0;overflow: hidden;
      em{display:block;width:2rem;height:2rem;background-size: 100%;border-radius: 50%;margin:.28rem auto 0}
    }
    .userName{text-align: center;margin:.27rem 0 0}
  }


  .content{
    background-color: #fff;margin-top:.24rem;
    .tit{
      display:block;height:.99rem;padding:0 .49rem;line-height: .98rem;font-size:.32rem;overflow:hidden;
      h3{float:left;display:inline;font-weight: normal;font-size:.3rem}
      small{float:right;display: inline;line-height:inherit;color:#919191;}
    }
  }

  .nav{
    font-size:.18rem;padding:0 .1rem;
    .wrapper{
      display:table;width:100%;
      a{
        display:table-cell;width:25%;text-align:center;height:1.61rem;vertical-align: middle;
        img{
          margin-bottom:.18rem;
        }
      }
    }
  }
}

// 申请退款
.applyRefund{
  background-color: #fff;min-height: 100%;width: 100%;
  .top{line-height: 1.8;padding:.24rem .5rem;color:#919191;font-size: .24rem;}
  .price{
    font-size:.28rem;color:#997760;margin-top:.1rem;font-family: 'SimHei';
  }
  .cause{
    margin:0 .5rem;color:#313131;font-size:.28rem;
    .tit{line-height: 1rem;font-size: .32rem;}
    li{
      display: flex;justify-content: space-between;align-items: center;padding:.2rem 0;
      em.checks{
        display:inline-block;width:.6rem;height:.6rem;background-color:transparent;
        var{display:inline-block;width:.6rem;box-sizing: border-box;vertical-align:middle;height:.6rem;border:.02rem #9c7860 solid;transform:scale(0.5,0.5);transform-origin: 0 0;
          border-radius: 999px;z-index:666;transform-origin: 50% 50%;}
      }
      em.checks.active var{
        background:url("../img/duihao.png") center center no-repeat;background-size:cover;background-clip:border-box;
      }
    }
  }
  .other{
    width:100%;top:0;width:6.4rem;left:0;background-color: #fff;
    span{display: block;color:#313131;font-size: .28rem;padding:.36rem 0;}
    textarea{resize:none;width:100%;height:3rem;border:none;padding:.1rem;line-height: 1.4;box-shadow: 0 0 1rem .03rem rgba(228,228,228,1);border-radius:.16rem;}
    em{float:right;display: none;
    width: 2rem;
    height: .5rem;
    margin-top: .28rem;
    background-color: #f7e5e4;
    text-align: center;
    line-height: .5rem;
    border-radius: 25rem;
    color: #a18069;}
  }
  .bot{
    padding:.35rem;margin-top:.3rem;
    a{
      display: block;width: 100%;height: .72rem;background-color: #f7e5e4;
      color: #9c7860;line-height: .72rem;text-align: center;border-radius: 25rem;
    }
  }
}

.setting{
  .bot{
    padding:.35rem;margin-top:.3rem;
    a{
      display: block;width: 100%;height: .72rem;background-color: #f7e5e4;
      color: #9c7860;line-height: .72rem;text-align: center;border-radius: 25rem;
    }
  }
}

.userProblems{
  background-color:#fff;
  b{font-size: .3rem;color:#313131;display: block;margin-left:.5rem;line-height: 1.01rem;}
  ul{
    li>span{
      font-size: .28rem;color:#313131;align-items: center;display: flex;margin-left: .5rem;padding-right:.48rem;justify-content: space-between;height:1.01rem;
    }
    .wrapper{
      background-color: #f2f2f2;overflow: hidden;height:0;transition: all .4s ease;
    }
    p{
      color:#919191;margin:.26rem .5rem;height:auto;min-height: 1rem;line-height: 1.4;font-size: .26rem;
    }
    var{transition: all .4s ease;}
    li.active .wrapper{
      // height:auto;
    }
    li.active var{
      transform: rotate3d(0,0,1,90deg);
    }
  }
}

.userOrderView{
  height:100%;display:flex;flex-direction: column;background-color: #fff;position: absolute;width:100%;min-height: 100%;
  .userOrder_classify{
    height:100%;position:relative;
    .status{margin-bottom:0;}
    .item_wrapper{background-color: #f2f2f2;}
    .item_wrapper>div{
      margin-bottom:.24rem;
    }
  }
  .load_more{
    text-align: center;color:#202020;font-size:.28rem;padding:.2rem 0;background-color: #fff;display:-none;
  }
}
//用户协议
#agreement{
  background-color: #fff;box-sizing: border-box;padding:0 .3rem;line-height: .48rem;font-size:.28rem;color:#919191;overflow: hidden;
  h4{text-align: center;font-size:.32rem;margin:.6rem 0 .3rem;color:#202020;}
  h5{font-size:.3rem;color:#202020;}
  .p1{
    text-indent: 2em;
  }
  .p2{
    b{color:#202020;font-weight: normal;}
  }
}
// 用户订单分类
.userOrder_classify,.orderDetail{
  .item{
    padding:.25rem .3rem;overflow:hidden;background-color:#fff;display:block;
    h4{
      font-weight:normal;font-size:.28rem;font-family:'SimHei';padding-top:.12rem;
    }
    h5{
      color:#997760;font-weight:normal;font-size:.28rem;font-family:'SimHei';line-height: .52rem;float:left;display:inline;
    }
    .ctr{
      float:right;display:inline;
      span{
        display:inline-block;color:#313131;width:2.04rem;height:.52rem;font-size:.24rem;letter-spacing: 0;vertical-align: middle;box-sizing:border-box;border:.02rem #e4e4e4 solid;border-radius:25rem;background-clip: border-box;
        &>*{display:inline-block;vertical-align: middle;text-align:center;line-height:.5rem;}
        em{width:.48rem;height:.5rem;box-sizing:border-box;}
        em:nth-child(1)::before{content:"\e62a";font-size:.2rem;vertical-align: top;font-weight:bold;}
        var{width:1rem;border-left:.01rem #e4e4e4 solid;border-right:.01rem #e4d4d4 solid;box-sizing: border-box;}
      }
      a{
        display:inline-block;width:.52rem;line-height:.52rem;box-sizing:border-box;border:.02rem #e4d4d4 solid;text-align: center;border-radius: 50%;vertical-align: middle;margin-left:.28rem;
        img{line-height:1;vertical-align:middle;transform: translate(0,-10%,0)}
      }
    }
    .num{
      float:right;display: inline;font-size:.28rem;color:#313131;line-height: .52rem;
    }
  }
  .mid{
    display:table;color:#919191;font-size:.24rem;margin:.33rem 0 .24rem;
    img{width:1.2rem;margin-right:.32rem;}
    &>*{display:table-cell;vertical-align: middle;}
    em{display: inline-block;width: 1.2rem;height: 1.2rem;margin-right:.32rem;background-size: contain;background-repeat: no-repeat;background-position: center center}
    div{
      line-height:1.2;
    }
  }
  .status{
    background-color: #fff;font-size: .28rem;margin-bottom:.24rem;
    .wrapper,.order_number{display: flex;height:1.01rem;color:#997760;align-items: center;padding:0 .3rem;justify-content: space-between;}
    .order_number{
      span{font-size:.32rem;color:#202020}
      em{color:#919191;}
    }
    small{
      color:#c7c7c7;font-size:.24rem;margin-left:.08rem;
    }
    .right{
      .pays{display:inline-block;width:2rem;height:.5rem;margin-left:.28rem;background-color: #f7e5e4;text-align: center;line-height: .5rem;border-radius: 25rem;color:#a18069;}
    }
  }
}

//购物车
.u_shop_car{
  position:relative;min-height:100%;padding-bottom:2.2rem;
  .item .wrapper{
    em.checks{display:none;}
  }
  .item{
    padding:.25rem .3rem;overflow:hidden;background-color:#fff;margin-bottom:.24rem;
    h4{
      font-weight:normal;font-size:.28rem;font-family:'SimHei';padding-top:.12rem;line-height:1.2;
    }
    h5{
      color:#997760;font-weight:normal;font-size:.28rem;font-family:'SimHei';line-height: .52rem;float:left;display:inline;
    }
    .ctr{
      float:right;display:inline;
      span{
        display:inline-block;color:#313131;width:2.04rem;height:.52rem;font-size:.24rem;letter-spacing: 0;vertical-align: middle;box-sizing:border-box;border:.02rem #e4e4e4 solid;border-radius:25rem;background-clip: padding-cotent;
        &>*{display:inline-block;vertical-align: middle;text-align:center;line-height:.5rem;}
        em{width:.48rem;height:.5rem;box-sizing:border-box;}
        em:nth-child(1)::before{content:"\e62a";font-size:.2rem;vertical-align: top;font-weight:bold;}
        var{width:1rem;border-left:.01rem #e4e4e4 solid;border-right:.01rem #e4d4d4 solid;box-sizing: border-box;}
      }
      a{
        display:inline-block;width:.52rem;line-height:.52rem;box-sizing:border-box;border:.02rem #e4d4d4 solid;text-align: center;border-radius: 50%;vertical-align: middle;margin-left:.28rem;
        img{line-height:1;vertical-align:middle;transform: translate(0,-10%,0)}
      }
    }
    .num{
      float:right;display: inline;font-size:.28rem;color:#313131;line-height: .52rem;
    }
  }
  .mid{
    display:table;color:#919191;font-size:.24rem;margin:.33rem 0 .24rem;
    img{width:1.2rem;margin-right:.32rem;}
    &>*{display:table-cell;vertical-align: middle;}
    em{display: inline-block;width: 1.2rem;height: 1.2rem;margin-right:.32rem;background-size: contain;background-repeat: no-repeat;background-position: center center}
  }

}

//确认订单
.confirm_order{
  .item{margin-bottom:0;}
  .connect{
    display:flex;padding:0 .3rem;justify-content: space-between;color:#313131;font-size:.28rem;
    background-color: #fff;height:1.01rem;line-height: 1rem;
  }
}
.hasCheck{
  .item .wrapper{padding-left: .7rem;position:relative;
    em.checks{
      display:block;position:absolute;left:-0.03rem;top:-0.1rem;padding:.2rem 0 0 .06rem;width:.6rem;height:.6rem;background-color:transparent;
      var{display:inline-block;width:.6rem;height:.6rem;border:.02rem #9c7860 solid;transform:scale(0.5,0.5);transform-origin: 0 0;
        border-radius: 999px;z-index:666;background-clip:border-box;}
    }
    em.checks.active var{
      background:url("../img/duihao.png") 0 0 no-repeat;background-size:cover;
    }
  }
}

// 支付
.pay{
  min-height: 100%;background-color: #fff;
  h4{font-size:.28rem;color:#202020;font-weight: normal;padding:.38rem 0;}
  .item_wrapper,h4{
    margin:0 .5rem;
  }
  .item_wrapper{
    overflow:hidden;
    background-clip:border-box;
  }
  .item{
    height:1.02rem;display:flex;justify-content: space-between;color:#919191;font-size:.28rem;overflow: hidden;align-items: center;
    img{vertical-align: middle;line-height:.67rem;margin-right:.2rem;width:.67rem;}
    span:nth-child(2){height:.32rem;line-height:1;width:.32rem;overflow:hidden;}
    em{display:inline-block;vertical-align: middle;width:.58rem;height:.58rem;transform: scale(0.5,0.5);transform-origin: 0% 0%;border:.02rem #9c7860 solid;border-radius: 50%;vertical-align: middle;}
  }
  .item.active{
    em{
      background:url("../img/duihao.png") 0 0 no-repeat;background-size:cover;
    }
  }
}

.userLogin{
  background-color: #fff;font-size:.28rem;color:#202020;padding-bottom:1rem;
  input,select,option{border:none;background-color: none;}
  select{width:1.57rem;border-right:.02rem #e4e4e4 solid;float:left;height:.8rem;background-color: #fff;text-align: center;padding-left:.42rem;box-sizing:border-box;-webkit-appearance:none;}
  .inp1{position: relative;}
  .inp1::before{content:"";display:block;width:0;height:0;line-height: 0;border-right:.12rem solid transparent;border-left:.12rem solid transparent;border-top:.15rem #202020 solid;position: absolute;top:50%;transform: translate3d(0,-30%,0);left:1.1rem;}
  width:100%;box-sizing:border-box;text-align: center;
  .logo{margin:1.88rem auto .77rem;display:block;}
  h4{font-size:.32rem;margin-bottom:.76rem;}
  .inp1,.inp2{width:6.5rem;height:.8rem;text-align: left;overflow:hidden;line-height: .8rem;box-sizing: border-box;border:.02rem #e4e4e4 solid;border-radius: 25rem;}
  .inp1{margin:0 auto .4rem;
    input{text-indent:.3rem;width:4.885rem;height:.8rem;box-sizing:border-box;line-height: 1.2;
    }
  }
  .inp2{margin:0 auto .52rem;line-height: 0.8rem;display: flex;align-items: center;
    input{text-indent: .41rem;width:4.78rem;height:.8rem;line-height:.8rem;vertical-align: top;}
    input.getEcode{display:inline-block;background-color:#f7e5e4;text-indent:0;color:#9c7860;width:1.5rem;border-radius: 24rem;
      font-size:.24rem;height:initial;line-height: .24rem;padding:.14rem 0;}
  }
  .err_msg{height:.6rem;font-size:.22rem;color:#dc7a38}
  input.getEcode[disabled="disabled"]{background-color: #e4e4e4;color:#919191;}
  .xieyi{color:#9c7860;font-size:.2rem;}
  .login{display: block;margin:.32rem auto .5rem;width: 6.5rem;height: .72rem;line-height: .72rem;text-align: center;border-radius: 25rem;background-color: #f7e5e4;font-size:.28rem;color:#9c7860;}
}

.orderDetail{
  background-color: #fff;
  .order_info{
    background-color: #fff;
    &>div{display:flex;justify-content: space-between;padding:0 .48rem;font-size:.28rem;color:#202020;}
    div>*{line-height:1.02rem;}
    div>span:nth-child(2){color:#919191;}
  }
  .serv_code{
    font-size: .24rem;color:#c7c7c7;width:6.5rem;height:1rem;display: flex;justify-content: center;padding-left: .53rem;;background-color: #fff;
    flex-direction: column;margin:.18rem auto .38rem;box-shadow: 0 0 .18rem .03rem rgba(228,228,228,.9);
    em{color:#202020;font-size:.28rem;}
    small{margin-top:.2rem;}
  }
}

// 支付结果状态
.pay_status{
  display:flex;flex-direction:column;justify-content: space-around;min-height:100%;width:100%;position: absolute;top:0;bottom:0;
  .top{
    text-align:center;color:#919191;font-size:.24rem;
    h4{font-size:.34rem;color:#202020;margin:.36rem 0 .22rem;font-weight: normal;font-family:'SimHei'}
    p{line-height: .42rem;}
    img{margin:0 auto 0;}
  }
  .order_info{
    margin-top:.52rem;
    &>div{display:flex;justify-content: space-between;padding:0 .48rem;font-size:.28rem;color:#202020;}
    div>*{line-height:1.02rem;}
    div>span:nth-child(2){color:#919191;}
  }
}

.prompt{
  color:#202020;font-size:.32rem;font-weight: bold;text-align: center;display: none;
  img{margin:.75rem auto .65rem;}
}
// 订单分类界面
.orderMenu{
  padding:0 .15rem;background-color: #fff;height:1.22rem;
  .wrapper{
    height:1.22rem;display:table;justify-content: center;align-items: center;width:100%;
    img{margin-bottom:.12rem;}
    a{
      width:16.666%;display: table-cell;text-align: center;vertical-align: middle;color:#919191;font-size:.2rem;position: relative;height:1.22rem;
      i{font-size:.4rem;margin-bottom:.15rem;}
      &:before{
        content:"";display:block;position:absolute;width:0;height:0;line-height:0;font-size:0;
        border-bottom: .08rem #202020 solid;left:50%;bottom:.02rem;border-left:.05rem transparent solid;border-right:.05rem transparent solid;
        transform: translate3d(-50%,0,0);opacity:0;transition:all .6s ease;
      }
      &.active:before{
        opacity:1;
      }
      &:after{
        content:'';width:0;height:.03rem;z-index:22;background-color:#202020;position:absolute;left:50%;bottom:-.01rem;transform: translate3d(-50%,0,0);
        opacity:0;transition:all .5s ease;
      }
      &.active:after{
        opacity:1;
        width:100%;
      }
      &.active{
        color:#202020;
      }
    }

  }
}
